<template>
  <div class="charts" id="mychart" :style="{width: '600px', height: '300px'}">{{chartsData}}</div>
</template>

<script>
export default {
  props: {
    chartsData: Object
  },
  mounted () {
    const myChart = this.$echarts.init(document.getElementById('mychart'))
    myChart.setOption(this.chartsData)
  }
}
</script>

<style>
</style>
